<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .box0 {
            width: 300px;
            height: 600px;
            background: rgb(252, 238, 238);
            padding: 10px;
        }

        .box1 {
            width: auto;
            height: auto;
            margin: auto;
            border: 1px solid rgb(209, 205, 205);
            display: block;
        }

        .box2 {
            list-style: lower-latin;
            border: 1px solid rgb(209, 205, 205);
            display: inline;
        }

        .box3 {
            width: auto;
            height: auto;
            display: inline-block;
        }

        .l1 {
            color: green;
            list-style: inside;
        }
    </style>
</head>

<body>
    <div class="box0">
        <div class="box1">
            <h2>最新动态</h2>
            <hr>
            <div class="box3">
                <ul>
                    <li>新闻动态-01</li>
                    <li>新闻动态-02</li>
                    <li>新闻动态-03</li>
                    <li>新闻动态-04</li>
                </ul>
            </div>
        </div>
        <div class="box1">
            <h2>产品分类</h2>
            <hr>
            <div>
                <ul>
                    <li>
                        <h3>日常百货</h3>
                        <hr>
                        <div class="box3">
                            <ul>
                                <li class="l1">电视剧</li>
                                <li class="l1">电冰箱</li>
                                <li class="l1">洗衣机</li>
                                <li class="l1">空调</li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <h3>运动国际</h3>
                        <hr>
                        <div class="box3">
                            <ul>
                                <li class="l1">李宁</li>
                                <li class="l1">安踏</li>
                                <li class="l1">匹克</li>
                                <li class="l1">双星</li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</body>

</html>